<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"  scope="page"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<link href="${ctx}/css/common/main.css" rel="stylesheet" type="text/css" />
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<title>主页</title>
<script type="text/javascript" src="${ctx}/js/common/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${ctx}/js/common/jcl.js"></script>
<script type="text/javascript">
/*$(document).ready(function(){

	$("#release").click(function(){
		var postTitle = $('#postTitle').val();
		var postText = $('#postText').val();
		//var postPhoto = $('#postPhoto').val();
		$('#logout').click(function(){
		$.ajax({
			url : "logout",
			method : "post",
			dataType : "json",
			data : {},
			success : function(){
				$('#username_div').css('display', 'none');
				jcl.go("/SSDUT_Forum/loginView");
			}
		});
	});
		$.ajax({
            type : "post",
            url  : "release",
            data : {'postTitle':postTitle,'postText':postText},
            dataType: "json",
            success: function(data){
            	
            	if(data.result=="success"){
            		alert("发表成功");
            	}
            	
            	else if(data.result=="error"){
            		alert("请重新发表 ");
            	}
            	
            }
        }); 
	});
});*/

	

});
</script>
</head>
<body style="background-color:#E1F6FB;">
<input type="hidden" value="1" id="page">
<div class="commonwidth" >
  <div class="header">
	<div class="logotit fl">
    	<p>SSDUTTOPIC</p>
    </div>
    <div class="sousuo">
       <div class="s1 fl">
    	<input class="form-control search_input" type="text">
        </div>
        <div class="search fl">
        <button class="btn btn-primary ">搜索</button>
    	</div>
    </div>
    <div class="fr">
    	<p class="welcome"><span class="username"> 进击的老衲</span>，欢迎回来</p>
    </div>
  </div><!--header-->
	<div class="nav">
<ul class="nav nav-tabs fl" >
  <li class="active">
    <a  class="ziti" href="#">全部主题</a>
  </li>
  <li><a class="ziti" href="#">全部时间</a></li>
  <li><a class="ziti" href="#">默认排序</a></li>
  <li><a class="ziti" href="#">最新</a></li>
  <li><a class="ziti" href="#">热门</a></li>
  <li><a class="ziti" href="#">精华</a></li>
</ul>
<button class=" btn btn-primary btn_qian fr " >签到</button>
</div>


<div class="infor">
 
 <div id="carousel-example-generic" class="carousel slide fl slide1" data-ride="carousel" >
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img  src= "${ctx}/images/高清图片.jpg"
      alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="${ctx}/images/高清.jpg" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
  <div class="item">
      <img src="${ctx}/images/高.jpg" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>  
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">上一页</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">下一页</span>
  </a>
 </div>

<div class="fr xinwen">

	<p class="a tit">软院新闻</p>
    
    <div class="divider"></div>
   
   <table cellspacing="1" cellpadding="0" border="0" width="296">



    <tbody>

    <tr>
        <td height="24" bgcolor="#CCCCCC" align="center" width="32">
            <strong>
                <font color="#FFFFFF">

                    序号

                </font>
            </strong>
        </td>
        <td width="162" align="center" bgcolor="#CCCCCC">
            <strong>
                <font color="#FFFFFF">

                    标题

                </font>
            </strong>
        </td>
        <td bgcolor="#CCCCCC" align="center" width="59">
            <strong>
                <font color="#FFFFFF">

                    日期

                </font>
            </strong>
        </td>
        <td bgcolor="#CCCCCC" align="center" width="38">
            <strong>
                <font color="#FFFFFF">

                    来源

                </font>
            </strong>
        </td>
    </tr>
    <tr bgcolor="#EEEEEE">

    <td height="24" align="center">

        1

    </td>
    <td>
        <a title="关于在校研究生选修及重修2014-2015学年第二" href="/index.php/News/13219.html">

            关于在校研究生选修及重修2014-2015学年第二

        </a>
    </td>
    <td align="center">

        2015-01-20

    </td>
    <td align="center">
        <a href="/index.php/News/index/classid/2"></a>
    </td>

</tr>
<tr bgcolor="#FFF">

    <td height="24" align="center">

        1

    </td>
    <td>
        <a title="关于在校研究生选修及重修2014-2015学年第二" href="/index.php/News/13219.html">

            关于在校研究生选修及重修2014-2015学年第二

        </a>
    </td>
    <td align="center">

        2015-01-20

    </td>
    <td align="center">
        <a href="/index.php/News/index/classid/2"></a>
    </td>

</tr>
<tr bgcolor="#EEEEEE">

    <td height="24" align="center">

        1

    </td>
    <td>
        <a title="关于在校研究生选修及重修2014-2015学年第二" href="/index.php/News/13219.html">

            关于在校研究生选修及重修2014-2015学年第二

        </a>
    </td>
    <td align="center">

        2015-01-20

    </td>
    <td align="center">
        <a href="/index.php/News/index/classid/2"></a>
    </td>

</tr>
  <tr bgcolor="#FFF">

    <td height="24" align="center">

        1

    </td>
    <td>
        <a title="关于在校研究生选修及重修2014-2015学年第二" href="/index.php/News/13219.html">

            关于在校研究生选修及重修2014-2015学年第二

        </a>
    </td>
    <td align="center">

        2015-01-20

    </td>
    <td align="center">
        <a href="/index.php/News/index/classid/2"></a>
    </td>

</tr>
 <tr bgcolor="#EEEEEE">

    <td height="24" align="center">

        1

    </td>
    <td>
        <a title="关于在校研究生选修及重修2014-2015学年第二" href="/index.php/News/13219.html">

            关于在校研究生选修及重修2014-2015学年第二

        </a>
    </td>
    <td align="center">

        2015-01-20

    </td>
    <td align="center">
        <a href="/index.php/News/index/classid/2"></a>
    </td>

</tr>
<tr bgcolor="#FFF">

    <td height="24" align="center">

        1

    </td>
    <td>
        <a title="关于在校研究生选修及重修2014-2015学年第二" href="/index.php/News/13219.html">

            关于在校研究生选修及重修2014-2015学年第二

        </a>
    </td>
    <td align="center">

        2015-01-20

    </td>
    <td align="center">
        <a href="/index.php/News/index/classid/2"></a>
    </td>

</tr>
 <tr bgcolor="#EEEEEE">

    <td height="24" align="center">

        1

    </td>
    <td>
        <a title="关于在校研究生选修及重修2014-2015学年第二" href="/index.php/News/13219.html">

            关于在校研究生选修及重修2014-2015学年第二

        </a>
    </td>
    <td align="center">

        2015-01-20

    </td>
    <td align="center">
        <a href="/index.php/News/index/classid/2"></a>
    </td>

</tr>
<tr bgcolor="#FFF">

    <td height="24" align="center">

        1

    </td>
    <td>
        <a title="关于在校研究生选修及重修2014-2015学年第二" href="/index.php/News/13219.html">

            关于在校研究生选修及重修2014-2015学年第二

        </a>
    </td>
    <td align="center">

        2015-01-20

    </td>
    <td align="center">
        <a href="/index.php/News/index/classid/2"></a>
    </td>

</tr>
        
    </tbody>

</table>

 
</div>

</div>


<div class="qungonggao">
	<div class="line1">
    	<div class=" fl">
        	<img src="${ctx}/images/5.jpg" style="width:60px;height:60px;margin-left:20px;margin-top:20px;">
        </div>
        <div class="con fl">
        	<p class="louzhu ">群公告</p>
            <p >发布于<span class="year">2015</span>年<span class="month">1</span>月<span class="day">27</span>日</p></div>
    </div>
    <div class="line2 fl ">
    	<p>1.上课不许吃东西</p>
        <p>2.要按时完成作业</p>
        <p>3.早睡早起精神好</p>
        <p>4.还有两周就能回家了耶</p>
    </div>
</div>



<div class="tie_xue">

<div class="neirong fl" >
<ul>
	<li  class="tiezi">
    <div class="quan">
       <div>
    	<img src="${ctx}/images/9.jpg" id="touxiang" class="fl i" >
       </div>
       <div class="fl t">
         <p class="title" id = "postTitle">我想吃大烧鹅！</p>
         <p class="text" id = "postText">哈哈哈哈哈哈哈哈哈哈哈哈我不傻</p>
        
        </div>
       </div>
        <div class="divider"></div>
       <div class= " reply">
       	<p class="fl h">发帖时间</p>
         <p class="fl h">浏览量</p>
         <p class="fl h">回帖人数</p>
         </div>
    </li>

    
   
</ul>

</div>

<div class="fr x">
<div class="xuebianjie juzhong">
</br>
  <h1 class="tit a b">学生周知</h1>
  </br>
  
  <div class="divider"></div>
<!--    <p class="a">软院是一个好地方</p></br>
    <p class="a">明晚教学楼有重要会议</p></br>
    <p class="a">我爱我的祖国，和爸爸妈妈</p></br>-->
    <p> 全体师生员工：

        体育馆近期开放时间安排如下

        1月17日、18日12：00-21：00；

        1月19日-1月23日10：00-14：30。

        望周知！</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>全体师生员工：

        体育馆近期开放时间安排如下

        1月17日、18日12：00-21：00；

        1月19日-1月23日10：00-14：30。

        望周知！ </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>全体师生员工：

        体育馆近期开放时间安排如下

        1月17日、18日12：00-21：00；

        1月19日-1月23日10：00-14：30。

        望周知！ </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>全体师生员工：

        体育馆近期开放时间安排如下

        1月17日、18日12：00-21：00；

        1月19日-1月23日10：00-14：30。

        望周知！ </p>
    <p>&nbsp;</p>
    <p>全体师生员工：

        体育馆近期开放时间安排如下

        1月17日、18日12：00-21：00；

        1月19日-1月23日10：00-14：30。

        望周知！ </p>
    
   
 </div>
 <div class="xuebianjie juzhong">
 </br>
 <h2 class="a tit">二手交易</h2>
 </br>
 <div class="divider"></div>
    <div class="img_sechand" >  <img src="${ctx}/images/2.jpg" width="246" height="157"   />
      <p>出售：气球啦啦啦</p>
      <p>&nbsp;</p>
      <p>出售人：啦啦啦啦</p>
      <p>&nbsp;</p>
      <p>价格：100000000</p>
      <p>&nbsp;</p>
      <p>数量：1000000000</p>
      <p>&nbsp;</p>
      <p>联系方式：18888888888相</p>
      <p>&nbsp;</p>
      <p>详情：</p>
      <p> 888888888888888888888888888888888 </p>
    </div>
 </div>
</div>
</div><!--tie_xue-->


<div class="page-normal" id = "post_page">
      <input type="button" value="上一页" class="page" id="pre_page"/>
      <input type="button" value="下一页" class="page" id="next_page" style="margin-left:3px;"/>
      <span style="margin-left:8px;">共</span><span id="total_page"></span><span>页，</span>&nbsp;&nbsp;&nbsp;
      <span>到第</span><input type="text" id="page_go" style="width:20px; margin-left:5px; margin-right:5px;"><span>页</span>
      <input type="button" id="page_submit" value="确定"/>
</div>


<div class="pubpub">
	<div class="pub">
         <div class="pub1 fl">
        	<img src="${ctx}/images/临时4.png">
            <span class="tit1">发表帖子</span> 
        </div><!--pub1 f1-->
        <div class="pub2 fl">
        	<img src="${ctx}/images/临时4.png" />
            <span class="tit1">发起投票</span> 
        </div><!--pub2 fl-->
        <p class="fr tit1 advice">
        请遵守大连理工大学协议</p>
     </div><!--pub-->  
        <input type="text" id = "postTitle"  class=" input_tit"  >
      <div class="imgs">  
    	<div class="img1  fl">
        	<img src="${ctx}/images/临时4.png" >
        	<span class="tit1 ">图片</span>
        </div>
        <div class="img2 fl">
        	<img src="${ctx}/images/临时4.png" >
        	<span class="tit1">视频</span>
        </div>
        <div class="img3 fl">
       		<img src="${ctx}/images/临时4.png" >
        	<span class="tit1">表情</span>
        </div>
       </div><!--imgs--> 
        <textarea class="input_big" id="postText"
        ></textarea>
        </br>
        <button class="btn btn-primary btn_pub" id = "release">发布</button>
 </div><!--publish-->       
        
</br></br></br></br></br></br>


 </div>
        
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</body>

</html>